//测试一下拦截器是否生效
// axios.get('/student/list')
//     .then(result => {
//         console.log(result);
//     })

/* 
1 点击a标签来切换显示登录和注册盒子
  1 给登录盒子中a标签绑定点击事件   隐藏登录盒子 - 显示注册盒子
  2 给注册盒子中a标签绑定点击事件   隐藏注册盒子 - 显示登录盒子 
 */



//获取两个盒子
//注册盒子dom元素获取
const registerBox = document.querySelector('.register');
const registerA = document.querySelector('.register-a');
//登录盒子dom元素获取
const loginBox = document.querySelector('.login');
const loginA = document.querySelector('.login-a');

//设置点击事件
//点击registerA  切换到login盒子
registerA.addEventListener('click', function () {
    registerBox.style.display = 'none'
    loginBox.style.display = 'block'

})
//点击loginA  切换到register盒子
loginA.addEventListener('click', function () {
    loginBox.style.display = 'none'
    registerBox.style.display = 'block'

})



// 2 注册
//   1 给注册表单 绑定提交事件 - 阻止默认行为
//   2 获取注册表单中的 用户名和密码
//   3 调用 注册接口。。。
//   4 成功 恭喜 用户，自动切换到登录界面 

//注册功能点击事件
registerBox.querySelector('form').addEventListener('submit', function (e) {
    //阻止默认事件
    e.preventDefault()

    //获取 用户名 密码 form

    const data = $(this).serialize()

    axios.post('/api/register', data)
        .then(result => {
            console.log(result);
            if (result.data.code === 0) {
                //alert('恭喜用户注册成功')
                toastr.success(result.data.message)
                //跳转到登录界面
                registerA.click()
            }
        })

})

////登录功能点击事件
loginBox.querySelector('form').addEventListener('submit', function (e) {
    //阻止默认事件
    e.preventDefault()

    //获取 用户名 密码 form

    const data = $(this).serialize()

    axios.post('/api/login', data)
        .then(result => {
            console.log(result);
            if (result.data.code === 0) {
                //console.log(result);
                toastr.success(result.data.message)
                localStorage.setItem('token7', result.data.token)
                setTimeout(() => {
                    location.href = 'index.html'
                }, 1000);
            }
        })

})